<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>修改密码</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/leek_bbs/statics/yu-ui/js_css/yu.css">
    <link rel="stylesheet" href="/leek_bbs/statics/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/leek_bbs/statics/layui/public.css" media="all">
    <style>
        .layui-form-item .layui-input-company {width: auto;padding-right: 10px;line-height: 38px;}
    </style>
</head>
<body>
<div class="layuimini-container">
    <div class="layuimini-main">

        <div class="layui-form layuimini-form">
            <div class="layui-form-item">
                <label class="layui-form-label required">旧的密码</label>
                <div class="layui-input-block">
                    <input type="password" name="old_password" lay-verify="required" lay-reqtext="旧的密码不能为空" placeholder="请输入旧的密码"  value="" class="layui-input">
                    <tip>填写自己账号的旧的密码。</tip>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label required">新的密码</label>
                <div class="layui-input-block">
                    <input type="password" name="new_password" lay-verify="required" lay-reqtext="新的密码不能为空" placeholder="请输入新的密码"  value="" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label required">确认密码</label>
                <div class="layui-input-block">
                    <input id="classPwd" type="password" name="again_password" lay-verify="required" lay-reqtext="新的密码不能为空" placeholder="请输入新的密码"  value="" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <span id="errorRes" style="margin-left:0;font-size: 18px;color: red;"></span>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="saveBtn">确认保存</button>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/leek_bbs/statics/component/common_import.js" charset="utf-8"></script>
<script src="/leek_bbs/statics/layui/lay-config.js" charset="utf-8"></script>
<script>
    layui.use(['form','miniTab'], function () {
        var form = layui.form,
            layer = layui.layer,
            miniTab = layui.miniTab;

        //监听提交
        form.on('submit(saveBtn)', function (data) {
            let new_password = data.field.new_password;
            let again_password = data.field.again_password;
            if (new_password != again_password) {
                ui.alert("两次密码不一致",2000,true);
                $("#classPwd").focus();
            }else {
                let adminInfo = JSON.parse(localStorage.getItem("adminInfo"));
                axios.post('/leek_bbs/stair/datum/alterUser',{
                    id:adminInfo.id,
                    username:adminInfo.username,
                    old_password:data.field.old_password,
                    new_password:new_password
                }).then(result => {
                    let data = result.data;
                    if (data.code == "500020") {
                        ui.success("密码修改成功",1000,true);
                        setTimeout(()=>{
                            miniTab.deleteCurrentByIframe();
                        },1000);
                    }else if (data.code == "300036") {
                        $("#errorRes").text(data.msg);
                    }else {
                        ui.error("系统出现了一个未知异常",1500,true);
                    }
                }).catch(error => {
                    ui.error("请求出现异常",1500,true);
                });
            }

            return false;
        });

    });
</script>
</body>
</html>